<!--&lt;!&ndash; readyState表示连接有四种状态：-->
<!--CONNECTING (0)：表示还没建立连接；-->
<!--OPEN (1)： 已经建立连接，可以进行通讯；-->
<!--CLOSING (2)：通过关闭握手，正在关闭连接；-->
<!--CLOSED (3)：连接已经关闭或无法打开； &ndash;&gt;-->
<!--<template>-->
<!--  <div>-->
<!--    <input type="text" v-model="text">-->
<!--    <button @click="send()">发送消息</button>-->
<!--    <br>-->
<!--    <button @click="closeWebSocket()">关闭websocket连接</button>-->
<!--    <br>-->
<!--    <div>{{data}}</div>-->
<!--    <el-badge :value=msgCount class="item">-->
<!--      <el-button size="small">评论</el-button>-->
<!--    </el-badge>-->
<!--  </div>-->


<!--</template>-->
<!--<script>-->
<!--export default {-->
<!--  name: "WebSocket",-->
<!--  components: {-->

<!--  },-->
<!--  data() {-->
<!--    return {-->
<!--      msgCount:'',-->
<!--      text: '',-->
<!--      data: '',-->
<!--      websocket: null-->
<!--    }-->
<!--  },-->
<!--  mounted() {-->
<!--    if ('WebSocket' in window) {-->
<!--      this.websocket = new WebSocket('ws://localhost:40000/websocket/1')-->
<!--      this.initWebSocket()-->
<!--    } else {-->
<!--      alert('当前浏览器 Not support websocket')-->
<!--    }-->

<!--    this.MessageCountInit()-->
<!--  },-->
<!--  beforeDestroy() {-->
<!--    this.onbeforeunload()-->
<!--  },-->
<!--  methods: {-->
<!--    /**-->
<!--     * websocket初始化-->
<!--     */-->
<!--    initWebSocket() {-->
<!--      //连接错误-->
<!--      this.websocket.onerror = this.setErrorMessage-->

<!--      // //连接成功-->
<!--      this.websocket.onopen = this.setOnopenMessage-->

<!--      //收到消息的回调-->
<!--      this.websocket.onmessage = this.upMsgCount-->

<!--      //连接关闭的回调-->
<!--      this.websocket.onclose = this.setOncloseMessage-->

<!--      //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。-->
<!--      window.onbeforeunload = this.onbeforeunload-->
<!--    },-->
<!--    setErrorMessage() {-->
<!--      this.data = "WebSocket连接发生错误" + '   状态码：' + this.websocket.readyState;-->
<!--      console.log(this.data)-->
<!--    },-->
<!--    setOnopenMessage() {-->
<!--      this.data = "WebSocket连接成功" + '   状态码：' + this.websocket.readyState;-->
<!--      console.log(this.data)-->
<!--    },-->

<!--    setOncloseMessage() {-->
<!--      this.data = "WebSocket连接关闭" + '   状态码：' + this.websocket.readyState;-->
<!--      console.log(this.data)-->
<!--    },-->
<!--    onbeforeunload() {-->
<!--      this.closeWebSocket();-->
<!--    },-->
<!--    setOnmessageMessage(event) {-->
<!--      this.data = '服务端返回：' + event.data;-->
<!--      console.log(this.data)-->
<!--    },-->

<!--    //websocket发送消息-->
<!--    send() {-->
<!--      this.websocket.send(this.text)-->
<!--      this.text = ''-->
<!--    },-->
<!--    closeWebSocket() {-->
<!--      this.websocket.close()-->
<!--    },-->

<!--    /**-->
<!--     * 进页面初始化-->
<!--     */-->
<!--    MessageCountInit(){-->
<!--      this.$http({-->
<!--        url: this.$http.adornUrl('/user/message/count'),-->
<!--        method: 'get',-->
<!--        params: this.$http.adornParams()-->
<!--      }).then(({data}) => {-->
<!--        if (data && data.code === 0) {-->
<!--          this.msgCount = data.count-->
<!--        } else {-->
<!--          this.dataList = []-->
<!--          this.totalPage = 0-->
<!--        }-->
<!--        this.dataListLoading = false-->
<!--      })-->
<!--    },-->
<!--    /**-->
<!--     * 实时更新数量-->
<!--     * @param event-->
<!--     */-->
<!--    upMsgCount(event){-->
<!--      this.msgCount = event.data;-->
<!--    }-->


<!--  }-->
<!--}-->

<!--</script>-->
<!--<style scoped>-->
<!--</style>-->
